<template>
    <div class="pro pd20">

        <ul>
            <li v-for="(item,index) in  pro1" :key="index">
                <p>{{item.pro_title}}</p>
                <img :src="item.pro_img"/>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    // 儿子接收父亲的数据
    props:['pro1']
    
}
</script>
<style lang="less" scoped>
.pro{
    ul li{
        width:100%;
        height: 180px;
         border:1px solid red;
         margin-bottom: 20px;
    }
    img{
        height:130px;
        width:120px
    }
}
</style>